<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>


    <title>订单管理-历史订单</title>

    <link rel="shortcut icon" href="favicon.ico">
    <link href="static/css/bootstrap/bootstrap.min.css" rel="stylesheet"/>
    <link href="static/css/other/font-awesome.min.css" rel="stylesheet"/>
    <!-- Data Tables -->
    <link href="static/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet"/>

    <link href="static/css/animate.min.css" rel="stylesheet"/>
    <link href="static/css/style.min.css" rel="stylesheet"/>
    <link href="static/css/chargingstation.css" rel="stylesheet"/>

    <link id="LayDateSkin" href="static/js/plugins/layer/laydate/skins.default/laydate.css" rel="stylesheet"/>
    <link type="text/css" href="static/js/plugins/layer/laydate/need/laydate.css" rel="stylesheet"/>
    <link href="static/css/bootstrap/bootstrap-select.css" rel="stylesheet"/>

</head>

<body class="gray-bg">
<div class="animated fadeInRight maindiv">
    <div class="row">
        <div class="col-sm-12 contentdiv" style="background-color: #F5F6F7">
            <div class="boxdiv scrolldiv">
                <div class="ibox">
                    <!--style="border:1px solid #E7E7E7;height:900px;width:1645px;"-->
                    <div class="ibox-title">
                        <h5>历史订单</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="leftdiv0">
                                <input type="text" value="充电站" readonly="true"
                                       style="border:1px solid #E7E7E7;width:180px;height:30px;font-size:12px;">
                            </div>
                            <div class="input-group leftdiv1" style="width:180px;height:30px;font-size:12px;">
                                <input type="text" class="form-control" value="充电桩" readonly="true"
                                       style="border:1px solid #E7E7E7;width:156px;height:30px;font-size:12px;background-color: white">
                                <span class="input-group-btn">
                                    <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
                                            style="width:30px;height:30px;background-color: #D7D9DB;margin:auto">
                                        <span class="caret" style="width:9px;height:6px;color: #A0A0A0"></span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li>直流充电桩</li>
                                        <li>交流充电桩</li>
                                    </ul>
                                </span>

                            </div>
                            <div class="leftdiv1">
                                <input type="text" value="订单号" readonly="true"
                                       style="border:1px solid #E7E7E7;width:180px;height:30px;font-size:12px;">
                            </div>
                            <div class="leftdiv1">
                                <input type="text" value="用户" readonly="true"
                                       style="border:1px solid #E7E7E7;width:180px;height:30px;font-size:12px;">
                            </div>
                            <div class="input-group leftdiv1" style="width:180px;height:30px;font-size:12px;">
                                <input type="datetime" class="form-control layer-date" placeholder="选择时间" readonly="true"
                                       style="border:1px solid #E7E7E7;width:180px;height:30px;font-size:12px;background-color: white"
                                       onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"/>
                                <span class="input-group-btn">
                                    <button class="btn btn-primary" style="width:30px;height:30px;background-color: #FFFFFF;
                                    border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7;border-left: 0 ">
                                        <span class ="fa fa-calendar" style="color:rgba(27,187,158,1)"></span>
                                    </button>
                                </span>
                            </div>
                            <div class="leftdiv2">
                                <button type="button" class="btn btn-primary btn-sm btn-test" onclick="search()">查询</button>
                            </div>
                            <div class="leftdiv0">
                                <button type="button" class="btn btn-default btn-sm btn-test1" onclick="reset()">重置</button>
                            </div>
                        </div>

                    </div>
                    <div class="ibox-content">
                        <table id="orderhistoryTable" class="tablestyle">
                            <tr>
                                <td>01</td>
                                <td>2018111201</td>
                                <td>交大充电站</td>
                                <td>1#直流充电站</td>
                                <td>15623235656</td>
                                <td><i class="fa fa-circle" style="color: #1BBB9E"></i>已完成</td>
                                <!--<i class="fa fa-circle" style="color: #7B7B7B"></i>启动失败-->
                                <!--<i class="fa fa-circle" style="color: #7B7B7B"></i>充电失败-->
                                <td>充电完成</td>
                                <td>2018-03-22 15:25:36</td>
                                <td><a href='javascript:location.reload();' style='color: #0088EA'>查看</a></td>
                            </tr>
                        </table>

                    </div>
                </div>
                </divboxdiv>
            </div>
        </div>
    </div>
</div>
<script src="static/js/jquery/jquery.min.js"></script>
<script src="static/js/bootstrap/bootstrap.min.js"></script>
<script src="static/js/bootstrap/bootstrap-table.js"></script>
<script src="static/js/bootstrap/bootstrap-table-zh-CN.min.js"></script>
<script src="static/js/bootstrap/bootstrap-select.min.js"></script>
<script src="static/js/order/orderhistory.js"></script>
<script src="static/js/plugins/layer/laydate/laydate.js"></script>

</body>

</html>
